@charset "utf-8";
* { box-sizing: border-box; margin:0; padding:0; }
body {margin: 0; padding: 0; font-size: 14px; font-family:'微软雅黑','黑体'; background-color:#ffffff ;color: #333333; }
html,body,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{ margin:0; padding:0 }
ul,ol,li,dl,dt,dd{ list-style-type:none; }
address,caption,cite,code,dfn,em,th,var,i{ font-style:normal;font-weight:normal; }
input,button{overflow: visible; vertical-align:middle; outline:none; }
textarea { resize:none; } 
input[type="submit"],input[type="button"]{ cursor:pointer; }
img{ border:0;vertical-align:middle; }
a{ text-decoration:none; cursor: pointer; color:#222; }
a:hover{ text-decoration:none; color: #000; }
.fl { float:left; }
.fr { float:right; }
.mt-5,.my-5 { margin-top: 50px !important; }
.mt-3,.my-3 { margin-top: 30px !important; }
.mt-2,.my-2 { margin-top: 15px !important; }
.mt-1,.my-1 { margin-top: 5px !important; }
.pt-5,.py-5 { padding-top: 50px !important; }
.pt-3,.py-3 { padding-top: 30px !important; }
.pt-2,.py-2 { padding-top: 20px !important; }
.pt-1,.py-1 { padding-top: 10px !important; }
.mb-3,.my-3 { margin-bottom: 30px !important; }
.mb-2,.my-2 { margin-bottom: 15px !important; }
.mb-1,.my-1 { margin-bottom: 5px !important; }
.pb-5,.py-5 { padding-bottom: 50px !important; }
.pb-3,.py-3 { padding-bottom: 30px !important; }
.pb-2,.py-2 { padding-bottom: 20px !important; }
.pb-1,.py-1 { padding-bottom: 10px !important; }
.clearfix {	*zoom: 1;}
.clearfix:after { display: block;overflow: hidden;clear: both;height: 0;visibility: hidden;	content: ".";}

.swiper-marquee .swiper-wrapper { transition-timing-function: linear !important; }

/*.porcer { width:245px;}*/
.porcer .pobt { background:url(../images_public/tabs.png) no-repeat;}
.porcer .pobt { padding:14px 0 0; overflow:hidden;}
.porcer .pobt span { display:inline-block; font-size:26px; color:#fff; text-align:center; width:100%; margin-bottom:5px;}
.porcer .pobt p { font-size:14px; text-align:center; color:rgb(77, 173, 245);}
.porcer .pocconent { border:4px solid #0065b5; border-top:none;  background:#fffbff; text-align:center; padding-bottom:15px;}
.porcer .pocconent ul { padding:5px;}
.porcer .pocconent ul li {background:url(../images_public/libargom.png) repeat-x; border-bottom: 1px solid #d0d0d0; line-height:50px; }
.porcer .pocconent ul li a { font-size:15px;}
.porcer .pocconent ul li:hover {background:url(../images_public/libargom_hover.png) repeat-x;}
.porcer .pocconent ul li:hover a { color:#fff;}
.porcer .pocconent ul li.sy_layer1 { position:relative; z-index:99999;}
.porcer .pocconent ul li.sy_layer1 .sy_layer2 { position: absolute;left: 227px;top: 0px;width: 210px;padding: 10px;background: #f5f6f6;z-index: 9999;}
.porcer .pocconent ul li:hover .sy_layer2 a { color:#000;}
.porcer .pocconent ul li:hover .sy_layer2 li:hover a { color:#fff;}
.porcer .pocconent ul li .sy_layer2 ul { padding:0;}
.porcer .pocconent .imgbostel {height:237px;background:url(../images_public/telfenlei.png) no-repeat center center; margin-top:10px; position:relative;}
.porcer .pocconent .imgbostel p { margin:0; padding:0 0 0 22px; position:absolute; bottom:4px;left:0; width:100%; font-size:18px; color:#fff; font-weight:bold;letter-spacing:1px;}

/*��Ʒ�б�����*/
.portab { margin-top:35px;overflow:hidden;}
.portab .item { text-align:center; margin-bottom:15px;}
.portab .item .ar_1 { width:100%; height:210px;}
.portab .item .ar_1 .img-auto {width:260px; border:1px solid #ccc; overflow:hidden; display:table-cell; vertical-align:middle; height:210px; padding:5px; background:#fff;}
.portab .item .ar_1 img {display:inline-block; margin:auto; max-width:100%; max-height:100%;}
.portab .item .ar_1:hover .img-auto {border:1px solid #339;}
.portab .item .ar_2 { clear:both; height:36px; line-height:36px; background:#e80000; text-align:center; display:block; color:#fff; overflow:hidden}

.left-keyword {clear: both;}

@media (max-width: 768px) {
.nav_full { height:auto !important;}
.portab { margin-top:0;}
.portab .col-md-4 { float:left; width:50%; padding:0 5px;}
.portab .item { margin:0;}
.porcer .pobt { display:none;}
.porcer .pocconent { padding:0; background:none; border:none;}
.porcer .pocconent ul { overflow:hidden;}
.porcer .pocconent ul li { float:left; width:33.3333%; background:none; border:none;}
.porcer .pocconent ul li a { font-size:14px;}
.porcer .pocconent .imgbostel { display:none;}
}

.prodescription {border: 1px solid #e5e5e5;background: #f9f9f9;line-height: 24px;padding: 10px;margin-bottom: 15px;text-indent: 20px;}
.media-heading .fr { color:#999; font-weight:normal; font-size:12px;}

.page-l-clist li {position: relative;z-index:9999;}
.page-l-clist li .layer2 {position: absolute;left: 230px;top: 0px;width: 210px;padding: 10px;background: #f5f6f6;z-index: 9999;}

.img-inner {border:1px solid #ccc; height:150px; display:table-cell; vertical-align:middle; width:260px; padding:5px; text-align:center;}
.img-inner:hover {border:1px solid #339;}
.img-inner img{display:inline-block;margin:auto;max-width:100%;max-height:100%;}

/*IE11*/
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
.portab .item .ar_1 .img-auto,.img-inner { float:left;}	
.portab .item .ar_1 .img-auto img,.img-inner img { height:198px;}
}

/*�ֻ�ͼ��*/
.iconlist {overflow: hidden;}
.iconlist li {width:23%;float: left;text-align: center;margin: 0 1% 0; padding:2% 2% 0;}
.iconlist li a .ficon {background: #020f31;line-height: 65px;height: 65px;display: table-cell;vertical-align: middle;width: 80px;border-radius: 5px;}
.iconlist li a .ficon i { color:#fff;font-size: 30px;}
.iconlist li a p {line-height: 36px;}

/*����/����*/
.police { color:#fff; text-align:center; line-height:24px;}
.police a { margin:0 5px;}

/* ��ҳ */
.page-body { margin: 20px auto 50px; }
.page-l-tit { padding: 10px 0 10px 60px; background: rgb(52, 129, 221) url(../images_public/page_tb_01.png) 3px 7px no-repeat; color: #fff; }
.page-l-tit h3 { margin-top: 0; margin-bottom: 5px; }
.page-l-tit p { font-size: 12px; margin-bottom: 0; }
.page-l-clist { border: 1px solid #ddd; border-top:none;}
.page-l-clist ul { padding:15px; }
.page-l-clist li { height: 40px; line-height: 40px; text-align: center; font-size: 14px; border-bottom: 1px solid #ddd; }
.page-l-clist li a:hover { display: inline-block; width: 100%; height: 40px; color: #fff; background: #3481dd; }
.page-body .sec-tit { margin-top: 15px; }
.left-news li { border-bottom:1px dotted #ccc;}
.left-news li h5 { line-height:14px; text-align:left;}
.sec-tit { border-bottom: 1px solid #e5e5e5; height: 35px; line-height: 35px; }
.sec-tit h2 { float: left; margin-top: 0; margin-bottom: 0; height: 35px; line-height: 35px; font-weight: bold; font-size: 14px; color: #3481dd; border-bottom: 3px solid #ffae00; }
.sec-tit span { font-size: 18px; color: #e5e5e5; margin-left: 10px; }
.sec-tit h5 { float: right; margin-top: 12px; margin-bottom: 0; }
.sec-tit h5 i { margin-left: 5px; width: 14px; height: 14px; border-radius: 14px; background: #3481dd; color: #fff; text-align: center; display: inline-block; font-style:normal; line-height:11px;}
.sec-tit h5 a { display: inline-block; padding: 2px 3px; border-radius: 3px; }
.sec-tit h5 a:hover { background: #F3BA15; color: #fff; }
.sec-tit h5 a:hover i { background: transparent; background:none !important; }
.crumbs-item { line-height: 32px; border-bottom: 3px double #d7dbdf; overflow:hidden;  margin-bottom:10px;}
.page-content { font-size: 14px; padding-top: 15px; padding-bottom: 15px; }
.page-content img {/*max-width:100% !important;*/ height:auto !important;}
.page-detail img {width: auto !important;}
.page-plist { margin-top: 15px; }
.page-plist > div { margin-bottom: 10px; }
.page-plist > div h5 { text-align: center; }
.page-alist { margin-top: 15px; }
.page-alist .col-md-4 { padding:0 10px;}
.page-alist .col-md-4 h5 { height:15px; line-height:15px; overflow:hidden; float:left;display:block; width:100%;}
.page-alist li { clear:both; overflow:hidden; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px dotted #ddd; }
.page-alist .page-adate { float: left; width: 60px; text-align: center; color: #999; margin-right: 15px; background: #e8e8e8; }
.page-alist .page-adate h3 { font-weight: bold; margin-top: 8px; margin-bottom: 0; }
.page-alist .page-adate p { margin-bottom: 5px; }
.page-alist .page-atit p { font-size: 12px; color: #999; margin-bottom: 0; }
.page-alist .page-atit a { color: #333; }
.page-alist .page-atit a:hover { color: #3481dd; }
.page-con-tit { border-bottom: 1px dotted #ddd; margin-bottom: 15px; }
.page-con-tit h3 { text-align: center; }
.page-con-tit .haiofn { text-align: center; color: #999; line-height:28px;font-size:12px;}
.page-con-tit .haiofn .bdsharebuttonbox { float:right;}
.page-con-tit .haiofn span{ text-align: center; color: #999; padding-left:10px; }
.page-summary { border: 1px solid #ddd; border-radius: 4px; background: #f7f7f7; padding: 15px; margin-bottom: 15px; color: #666; }
.page-detail { padding:10px 0; font-size:14px; line-height:26px;}
.page-detail img { max-width:100% !important; height:auto !important;}
.tags { clear:both; padding:10px 0; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; margin:10px 0;}
.tags a { margin:0 1%; display:inline-block; padding:0 0.5%; color:#337ab7;}

/*������ʽ1*/
.news_1 { overflow:hidden; background:#52a750; padding:1% 2%;}
.news_1 li { display:inline-block; line-height:24px; width:100%; border-bottom:1px dotted #ddd; margin:1% 0;}
.news_1 i { color:#f8cc26; float:left; width:12px; height:12px; line-height:24px; margin-right:1%; width:3%;}
.news_1 a { float:left; color:#fff; width:82%; height:25px; overflow:hidden;font-weight:bold;}
.news_1 span { float:right;color:#c9d3ca; width:14%; text-align:right;} 

/*������ʽ2*/
.news_2 { overflow:hidden; padding:1% 2%;}
.news_2 li { display:inline-block; line-height:24px; width:100%; border-bottom:1px dotted #ddd; margin:1% 0;}
.news_2 a {  color:#0472d3; width:100%; height:25px; overflow:hidden;display:inline-block;font-weight:bold;}
.news_2 span {color:#c9d3ca;width:100%; display:inline-block;} 
.news_2 p {  width:100%; height:40px; line-height:21px; overflow:hidden;color:#999;}

/*������ʽ3*/
.news_3 { overflow:hidden; padding:1% 2%;}
.news_3 li { display:inline-block; line-height:24px; width:100%; border-bottom:1px dotted #ddd; margin:1% 0; padding:2% 0;}
.news_3 a {  color:#0472d3; width:100%; height:25px; overflow:hidden;display:inline-block;font-weight:bold;}
.news_3 span {color:#c9d3ca;width:100%; display:inline-block;} 
.news_3 p {  width:100%; height:40px; line-height:21px; overflow:hidden;color:#999;}
.news_3 .fl {width:30%;}
.news_3 .fr {width:70%;}
.news_3 .fl img { width:90%;}

/*������ʽ4*/
.news_4 { overflow:hidden; padding:1% 2%;}
.news_4 li {border-bottom: 1px solid #f2f2f2;clear: both;overflow: hidden;line-height: 140%; margin:2% 0; padding-bottom:2%;}
.news_4 .time {background: #1c88ec;width: 60px;float: left;text-align: center;margin-left: 1%;}
.news_4 .time .day {color: #fff;font-size: 24px;height: 41px;line-height: 41px;font-weight: bold;text-decoration: none;}
.news_4 .time .dates {color: #fff;display: block;height: 18px;line-height: 18px;font-size: 13px;}
.news_4 .conts {margin-left: 15%;}
.news_4 .conts p {color: #999;font-size: 14px;line-height: 18px;text-align: left; margin:0;}
.news_4 .conts p.title a {display: inline-block;font-size: 12px;font-weight:bold;text-decoration: none;line-height: 180%; overflow:hidden; height:25px; color:#0472d3;}
.news_4 .conts p.abstract {display: inline-block;font-size: 12px;color: #666;font-weight: normal;text-decoration: none;line-height: 180%;overflow:hidden; height:40px;}

@media (max-width: 768px) {
.news_1 a { width:71%;}
.news_1 span { width:25%;}

.news_3 p { margin:0}
.news_3 .fl {width: 45%;}
.news_3 .fr {width: 55%;}

.news_4 .conts {margin-left: 25%;}
	
.page-body > .row > .col-md-3 { display: none; }
.page-alist .page-atit p { height: 3rem; overflow: hidden; }
.page-atit h4 { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page-alist .col-md-4 {height: 190px; float:left; width:49.9999%; padding:0 5px;}
.page-alist .col-md-4 h5 { height:15px; line-height:15px; overflow:hidden;}
.img-inner { height: 150px !important;overflow: hidden;}
.portab .col-md-3 {float:left; width:49.9999%; padding:0 5px !important;}
.pull_all{width:81%;padding-top:0;height:auto; }
.page-content img {width: 100% !important;}
}

/*��Ʒ������*/
.relatedProduct ul {margin: 10px auto; overflow:hidden;}
.relatedProduct ul li { display: table-cell; width:33.3333%; overflow: hidden; float:left;}
.relatedProduct ul li img { width: 100%; }
.relatedProduct ul li a { border: 1px solid #ccc; display: inline-block; margin: 5px; height:30px; line-height:15px; overflow:hidden;}
.relatedProduct ul li a.img {width:100%; height:105px; overflow:hidden;}
.ishow { overflow:hidden;}
.ishow .name { margin-bottom:10px;}

.relatedProduct .col-md-3 { margin-bottom:15px; }
.relatedProduct .col-md-3 .imsg {display: table-cell;vertical-align: middle; padding:3px; border:1px solid #ccc; width:191px; height:145px;}
.relatedProduct .col-md-3 img {display: block;margin: auto;max-width: 100%;max-height: 100%;}
.relatedProduct .col-md-3 h3 { margin-top:10px;overflow: hidden; height: 15px; line-height:15px; font-size:12px; text-align:center;}
.relatedProduct ul li a.title { border: none !important; display: block; text-align: center; }
.relatedProduct ul li:hover a.title, .relatedProduct ul li a.title:hover { color: #3573E4; }

.relatedNews ul, .city ul, .relatedService ul { margin: 10px auto; }
.relatedNews ul li { float: left; width:33.3333%; }
.relatedNews a { display: inline-block; padding: 0 5px; line-height: 25px; overflow:hidden; height:25px; font-size:12px;}

.ishow .name { padding-bottom:5px; font-weight:bold;}
.ishow .relate-product h3 { font-size:12px; margin:0;}
.ishow .relate-product h3 a { border:none;}
.product_detail{padding:5px; overflow:hidden}
.product_detail h1.title{text-align:center;line-height:30px;font-family:"Microsoft YaHei";border-bottom:1px solid #e0e1dc;margin-bottom:15px;padding-bottom:5px; margin-top:0;}
.product_detail .img{width:305px;height:230px;float:left;padding:2px;border:1px solid #e0e1dc; display:table-cell; vertical-align:middle; text-align:center;}
.product_detail .small{width:299px;height:200px;}
.jqzoom{text-decoration:none; display:inline-block;}
.product_detail .list{width:60%;float:left;margin-left:30px;display:inline;padding-top:8px;}
.list_p{}
.list_p li{height:37px; line-height:27px;font-size:12px;border-bottom:1px dashed #e0e1dc;padding-bottom:5px;padding-top:5px;font-family:"Microsoft YaHei"}
.list_p li h2{font-size:12px;font-weight:normal;font-family:"Microsoft YaHei"}
.list_p li h2 a { font-weight:bold;}
.product_detail .inquiry{line-height:32px;border:none;margin-top:6px;}
.product_detail .inquiry a{background:url("../images_public/xunjia.gif") center center no-repeat;display:block;width:112px;height:32px;text-indent:-99999px;}
.product_detail .inquiry a:hover{background-image:url("../images_public/xunjia_hover.gif");}
.list_p li h2 { margin-top:0;}
.list_p li h2 a{font-size:12px;font-family:"Microsoft YaHei"}
.p_detail span.title{line-height:28px;height:28px;text-align:left;margin-top:20px;display:block;padding-left:10px;font-size:12px;border-bottom:2px solid #006e2e;background-color: #eee}
.p_detail p.dd{padding-top:5px;padding-bottom:5px;}
.clearboth {height: 0px;line-height: 0px;overflow: hidden;clear: both;font-size: 0px;}

/*���԰�**/
#mess_main { padding:4% 1% 0;}
.mess_list { overflow:hidden; margin-bottom:20px; border-bottom:1px dotted #ccc; padding-bottom:20px;}
.mess_list .mess_title { width:20%; font-size:14px; text-align:	right; line-height:35px;}
.mess_list .mess_input { width:80%;}
.mess_list .mess_textarea { width:80%;}
.mess_list .form-control { width:80%;}
.mess_list img { float:left; margin-left:10px;cursor: pointer}
.mess_list .mess_submit { padding:2% 0 0 20%; display:inline-block; width:100%;}

/*��ϵ����*/
.sec-marquee-c ul { overflow:hidden; padding:2% 1%;}
.sec-marquee-c ul li { line-height:26px; font-size:14px;}

/*�����ƹ�����ʽ*/
.str_wrap { overflow: hidden;  //zoom:1;width: 100%; font-size: 12px; line-height: 16px; position: relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; background: #f6f6f6; white-space: nowrap; }
.str_wrap.str_active { background: #f1f1f1; }
.str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move; padding:10px 0;}
.str_move_clone { display: inline-block;  //display:inline; //zoom:1;vertical-align: top; position: absolute; left: 100%; top: 0; }
.str_vertical .str_move_clone { left: 0; top: 100%; }
.str_down .str_move_clone { left: 0; bottom: 100%; }
.str_vertical .str_move, .str_down .str_move { white-space: normal; width: 100%; }
.str_static .str_move, .no_drag .str_move, .noStop .str_move { cursor: inherit; }
.str_wrap img { max-width: none !important; }

/*����������*/
.dowebok { width:100%; height: 30px; line-height:30px; font-size: 12px; overflow:hidden}
.dowebok ul { margin: 0; line-height: 30px;}
.dowebok a { color: #333; text-decoration: none;}
.dowebok a:hover { text-decoration: underline;}

/*����������*/
.walking { width:100%; font-size:12px; overflow:hidden; margin:10px 0;}
.walking .ar_1 { width:245px; height:200px; overflow:hidden; text-align:center; background:#fff; margin-left:10px; display:inline-block }
.walking .ar_1 .item { border:1px solid #ccc;overflow:hidden;}
.walking .ar_1 .item img {vertical-align:middle; height:163px;}
.walking .ar_1 p { height:35px; line-height:35px; background:#f00; color:#fff; padding:0 5px;}

.walking ul { margin: 0; line-height: 40px;overflow:hidden; width:100%;}
.walking li {float:left; width:auto; height:40px;line-height:40px; padding:0 40px;}
.walking li a { font-size:14px;}
.walking .str_move {padding:0; width:auto;}




/* ���ض��� */
.gototop_backToTop{width:40px;height:40px;z-index:9999999999;background-image:url(../images_public/top.png);background-repeat:no-repeat;background-position:-503px 0; position: fixed; top: 700px; right: 286px;}
.gototop_backToTop:hover{background-position:-503px -42px;-webkit-transition:0.5s;}

@media (max-width: 768px){
.pull-left { margin:0 !important;}
.header { height:auto !important;}
.gototop_backToTop{display:none !important;}
.product_detail h1.title { font-size: 16px; }
.product_detail .img { width: 100%; height: auto; }
.product_detail .list { width:100%; margin:0;}
.relatedProduct .col-md-3 { width:49.9999%; padding:0 10px; height:140px; float:left}
.sitexml { display:none;}
.kf,#m_div { display:none}
#banner { height:auto !important;}
.bootsnav {border-bottom: 1px solid #f3f3f3 !important;}
.media-heading .fr { display:none}
nav.navbar.bootsnav ul.nav > li > a { color:#000}
#banner .item { width:100%; height:240px; overflow:hidden;}
#banner .item img { max-width:none !important; height:240px; margin-left:-66%;}
#banner .slide a { display:none;}
.row_list .pys .col-md-4 { height:auto !important;}
.carousel-inner>.item>a>img { max-height:340px; margin:0 auto;}
}